﻿@{
    ViewBag.Title = "Product Document Generation";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="~/js/product.js"></script>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span3 border-padding10">
            <form action="/products/searchproductsbynameorid" method="POST" class="margin0" id="fr-searchproductsbynameorid">
                <p>Product Id or Product Name</p>
                <div class="row-fluid">
                    <div class="span10">
                        <input type="text" class="input-block-level" name="productname" />
                    </div>
                    <div class="span1 text-right">
                        <button class="btn"><i class="icon-search"></i></button>
                    </div>
                </div>
            </form>
            <p>Products</p>
            <div class="lstFoundProducts">
                <select id="lstFoundProducts" class="input-block-level" style="height: 180px;margin-bottom: 20px" multiple="multiple" onchange="productselected(this.value)">
                </select>
            </div>

            <form action="/products/searchoptionoroptionname" method="POST" class="margin0" id="fr-searchoptionoroptionname">
                <p>Option Id / Option name / KyboCode</p>
                <div class="row-fluid">
                    <div class="span10">
                        <input type="text" class="input-block-level" name="searchTerms" />
                    </div>
                    <div class="span1 text-right">
                        <button class="btn"><i class="icon-search"></i></button>
                    </div>
                </div>
            </form>
            <p>Products</p>
            <div class="lstFoundProductOptions">
                <select id="lstFoundProductOptions" class="input-block-level" style="height: 180px;" multiple="multiple" onchange="FoundProductOptionsSelected(this.value)">
                </select>
            </div>
        </div>
        <div class="span9 border-padding10 pn-documentgeneration">
            <div class="row-fluid">
                <div class="span3">
                    <select class="input-block-level" id="packinglist">
                        <option value="Packing List">Packing List</option>
                    </select>
                </div>
                <div class="span8">
                    <button class="btn btn-primary btn-generatedocument" style="margin-right: 10px"><i class=" icon-edit"></i> Generate Document</button>
                    <button class="btn btn-success btn-printdocument"><i class=" icon-print"></i> Print</button>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span2">Product</div>
                <div class="span8 lbProductName"></div>
            </div>
            <div class="row-fluid">
                <div class="span2">Product Option</div>
                <div class="span8 lbProductOption"></div>
            </div>
            <div class="htmlproductdocument"></div>
        </div>
    </div>
</div>
